@import './variables.scss';
@import './flex.scss';
@import './element-ui.scss';

html, body {
	width: 100vw;
	height: 100vh;
	margin: 0;
	background-color: $bg-color-1;
}

::-webkit-scrollbar {
	// width: 5px;
	// height: 5px;
	// background-color: $bg-color-highlight;
	// border-radius: 2px;
	// &-thumb {
	// 	background-color: $text-color-lowlight;
	// 	border-radius: 2px;
	// }
	width: 0;
}
a:-webkit-any-link {
	color: $button-green;
}
.main {
	.header {
		position: fixed;
		top: 0;
		width: 100vw;
		margin: 0;
		z-index: 9;
		background-color: $bg-color-2;
		height: 100px;
		padding: 15px 0;
		box-shadow: 0 1px 2px black;
		transition: height $transition-header-timeout + 0.3;
	}
	.header-unlogin {
		height: $layout-header-unlogin-h;
		padding: 0;
		transition: height $transition-header-timeout;
	}
	.body {
		position: fixed;
		top: 130px;
		height: calc(94vh - 130px);
		width: 100vw;
		margin: 0;
		z-index: 8;
		background-color: $bg-color-1;
	}
	.footer {
		position: fixed;
		bottom: 0;
		width: 100vw;
		margin: 0;
		z-index: 10;
		background-color: $bg-color-2;
		height: 35px;
		box-shadow: 0 -1px 2px black;
  }
  .footer-unlogin {
		box-shadow: 0 0 1px $second-color;
  }
}
